<%@ page language="C#" autoeventwireup="true" inherits="NewPrice, App_Web_supvbhfv" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Attendance Management System</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/menumaker.css">
    <link href="css/googleapis.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <link href="css/material-dashboard.min1036.css" rel="stylesheet" type="text/css" />
    <style>
        body
        {
            font-family: 'Roboto' , sans-serif !important;
        }
        #cssmenu
        {
            font-family: 'Roboto' , sans-serif !important;
        }
        .card-body
        {
            background: #fff;
            padding-bottom: 15px;
        }
        .pricing-divider
        {
            border-radius: 20px;
            background: #C64545;
            padding: 1em 0 4em;
            position: relative;
        }
        .blue .pricing-divider
        {
            background: #2D5772;
        }
        .green .pricing-divider
        {
            background: #1AA85C;
        }
        .red b
        {
            color: #C64545;
        }
        .blue b
        {
            color: #2D5772;
        }
        .green b
        {
            color: #1AA85C;
        }
        .pricing-divider-img
        {
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 80px;
        }
        .deco-layer
        {
            -webkit-transition: -webkit-transform 0.5s;
            transition: transform 0.5s;
        }
        .btn-custom
        {
            background: #C64545;
            color: #fff;
            border-radius: 20px;
        }
        .img-float
        {
            width: 50px;
            position: absolute;
            top: -3.5rem;
            right: 1rem;
        }
        .princing-item
        {
            transition: all 150ms ease-out;
        }
        .princing-item:hover
        {
            transform: scale(1.05);
        }
        .princing-item:hover .deco-layer--1
        {
            -webkit-transform: translate3d(15px, 0, 0);
            transform: translate3d(15px, 0, 0);
        }
        .princing-item:hover .deco-layer--2
        {
            -webkit-transform: translate3d(-15px, 0, 0);
            transform: translate3d(-15px, 0, 0);
        }
        ul li
        {
            margin-bottom: 1.4rem;
        }
        .bg-gradient
        {
            background: #C9D6FF;
            background: -webkit-linear-gradient(to right, #C9D6FF, #E2E2E2);
            background: linear-gradient(to right, #C9D6FF, #E2E2E2);
            padding-bottom: 50px;
        }
        .text-light
        {
            color: #f8f9fa !important;
            font-size: 22px;
        }
        .logo img
        {
            margin: 0px 0px 0px 0px;
            width: 210px;
            height: 96px;
            margin-top: -13px;
        }
        .logo
        {
            margin: 0px;
            padding: 0px 0px 2px 0px;
            position: relative;
            top: 0px;
        }
        #lblbrand
        {
            color: #4f4f51 !important;
            font-size: 25px;
            font-weight: 500;
            position: relative;
            top: 15px;
        }
        #navigation-menu li a:hover
        {
            background: #E15B11;
            color: #fff !important;
        }
        .active
        {
            background: #E15B11;
        }
        .active a
        {
            color: #fff !important;
        }
        #cssmenu > ul > li > a
        {
            padding: 15px;
            font-size: 15px;
            text-decoration: none;
            color: #666;
        }
        .card-body a
        {
            text-decoration: none;
            background: #E15B11;
            padding: 6px 26px;
            border-radius: 16px;
            color: #fff;
            font-size: 15px;
            font-weight: 500;
            box-shadow: 2px 2px 2px #00000080;
        }
        .mb-3
        {
            font-size: 35px;
        }
        .about-price
        {
            background: #fff;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 30px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 2px -1px 2px #0000005e;
            border-top: 5px solid #E15B11;
        }
        .about-price ul
        {
            list-style-type: none;
            padding-top: 20px;
        }
        .fa-hand-o-right
        {
            color: #E15B11;
        }
        .footer
        {
            background: #000;
            padding: 15px 20px;
            text-align: center;
            color: #fff;
        }
        
        th, td
        {
            border: 1px solid #cac4c4;
            padding: 5px;
            text-align: center;
        }
        table
        {
            width: 95%;
            margin-top: 15px;
            margin-bottom: 15px;
            margin-left: 13px;
        }
        
        select
        {
            color: #767676;
            background-color: #fafafa;
            border: 1px solid #dbdbdb;
            height: 50px;
            padding: 4px 20px;
            border-radius: 0;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        
        .panel
        {
            margin-bottom: 12px;
            background-color: #fff;
            border: 0px solid transparent;
            border-radius: 0px;
            -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
            box-shadow: 0 1px 1px rgba(0,0,0,.05);
        }
        .panel-heading
        {
            padding: 8px 15px;
            border-bottom: 0px solid transparent;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }
        .panel-body
        {
            padding: 0px;
        }
        .panel-primary > .panel-heading
        {
            color: #fff;
            background-color: #ff4800ed;
            border-color: #ff4800 !important;
        }
        .site-memubar-oattendred .price-panel-heading
        {
            background-color: #E31E24 !important;
        }
        .site-memubar-oattendgray .price-panel-heading
        {
            background-color: #4f4f51 !important;
        }
        .site-memubar-green .price-panel-heading
        {
            background-color: #74b177 !important;
        }
        .site-memubar-green1 .price-panel-heading
        {
            background: #11C26D !important;
        }
        .site-memubar-lightgreen .price-panel-heading
        {
            background: #6DA611 !important;
        }
        .site-memubar-red .price-panel-heading
        {
            background: #ef5350ed !important;
        }
        .site-memubar-advisionred .price-panel-heading
        {
            background: #bd1522 !important;
        }
        .site-memubar-oattendgray .price-panel-heading
        {
            background: #4f4f51 !important;
        }
        .site-memubar-blue .price-panel-heading
        {
            background: #00acc1 !important;
        }
        .site-memubar-lightblue .price-panel-heading
        {
            background: #3E8EF7 !important;
        }
        .site-memubar-pink .price-panel-heading
        {
            background: #f556ac !important;
        }
        .site-memubar-orange .price-panel-heading
        {
            background: #ff7038fa !important;
        }
        .site-memubar-black .price-panel-heading
        {
            background: #333232 !important;
        }
        .site-memubar-darkviolet .price-panel-heading
        {
            background: #c447f9 !important;
        }
        .site-memubar-magenta .price-panel-heading
        {
            background: #ff80ff !important;
        }
        .site-memubar-purple .price-panel-heading
        {
            background: #a552a5 !important;
        }
        .site-memubar-indigo .price-panel-heading
        {
            background: #824bab !important;
        }
        .site-memubar-gray .price-panel-heading
        {
            background: #757575 !important;
        }
        .site-memubar-bluegrey .price-panel-heading
        {
            background: #526069 !important;
        }
        .site-memubar-brown .price-panel-heading
        {
            background: #997B71 !important;
        }
        .site-memubar-yellow .price-panel-heading
        {
            background: #FFCD17 !important;
        }
        .site-memubar-teal .price-panel-heading
        {
            background: #17B3A3 !important;
        }
        .site-memubar-cyan .price-panel-heading
        {
            background: #0BB2D4 !important;
        }
    </style>
</head>
<body id="main130" runat="server">
    <form id="form1" runat="server">
    <div>
        <!-----header------>
        <div style="box-shadow: 0 5px 5px -7px #333; margin-bottom: 0px;">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-2">
                        <div class="logo">
                            <center>
                                <img src="images/logo.png">
                            </center>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <asp:Label ID="lblbrand" runat="server" Text="Label"></asp:Label>
                    </div>
                    <div class="col-md-6">
                        <div id="cssmenu" style="float: right">
                            <ul id="navigation-menu">
                                <li class="active"><a href="Default.aspx">&nbsp;Home</a></li>
                                <!-- <li><a href="contact-us.html">Contact Us</a></li>-->
                                <li><a href="#"><i class="fa fa-envelope-o"></i>&nbsp;&nbsp;<asp:Label ID="lblemail"
                                    runat="server" Text=""></asp:Label></a></li>
                                <li><a href="#"><i class="fa fa-phone"></i>&nbsp;&nbsp;<asp:Label ID="lblphoneno"
                                    runat="server" Text=""></asp:Label></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!------price Section------>
        <div class="container-fluid bg-gradient" style="padding-left: 100px; padding-right: 100px;
            padding-top: 20px; padding-bottom: 20px;">
            <div class="row">
                <ul style="list-style-type: none; line-height: 10px">
                   <%-- <li style="text-align: center;"><strong><span style="font-size: 14pt; color: #ff0000;
                        font-weight: 500">ONE month free trial (Cancel anytime)</span></strong></li>
                    <li style="text-align: center;"><strong><span style="font-size: 14pt; color: #ff0000;
                        font-weight: 500">You save 2 months on your Annual Subscription</span></strong></li>--%>
                </ul>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <div class="panel panel-primary">
                        <div class="panel-heading price-panel-heading">
                            <h3 class="panel-title">
                                <i class="fa fa-cc-paypal"></i>&nbsp;&nbsp;Price</h3>
                        </div>
                        <div class="panel-body">
                            <form>
                            <table>
                                <tbody>
                                    <tr>
                                        <%--<td>Subscription 1 – 10 Employees</td>--%>
                                        <td>
                                            <asp:Label ID="LblUsercount1" runat="server" Text="0"></asp:Label>
                                          
                                        </td>
                                   
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div style="margin-top: 15px; margin-bottom: 15px; text-align: center">
                                <asp:ImageButton ID="ImageButton7" runat="server" src="images/btn_subscribeCC_LG.gif"
                                    OnClick="ImageButton7_Click" /></div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="panel panel-primary">
                        <div class="panel-heading price-panel-heading">
                            <h3 class="panel-title">
                                <i class="fa fa-cc-paypal"></i>&nbsp;&nbsp;Price</h3>
                        </div>
                        <div class="panel-body">
                            <table>
                                <tbody>
                                    <tr>
                                        <%--<td>11 – 20 Employees</td>--%>
                                        <td>
                                            <asp:Label ID="LblUsercount2" runat="server" Text="0"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:DropDownList ID="DropDownList2" runat="server" AutoPostBack="True">
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div style="margin-top: 15px; margin-bottom: 15px; text-align: center">
                                <asp:ImageButton ID="ImageButton8" runat="server" src="images/btn_subscribeCC_LG.gif"
                                    OnClick="ImageButton8_Click" /></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-----row section2----->
            <div class="row">
                <div class="col-lg-6">
                    <div class="panel panel-primary">
                        <div class="panel-heading price-panel-heading">
                            <h3 class="panel-title">
                                <i class="fa fa-cc-paypal"></i>&nbsp;&nbsp;Price</h3>
                        </div>
                        <div class="panel-body">
                            <table>
                                <tbody>
                                    <tr>
                                        <%--<td>21 – 50 Employees</td>--%>
                                        <td>
                                            <asp:Label ID="LblUsercount3" runat="server" Text="0"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:DropDownList ID="DropDownList3" runat="server" AutoPostBack="True">
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div style="margin-top: 15px; margin-bottom: 15px; text-align: center">
                                <asp:ImageButton ID="ImageButton9" runat="server" src="images/btn_subscribeCC_LG.gif"
                                    OnClick="ImageButton9_Click" /></div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="panel panel-primary">
                        <div class="panel-heading price-panel-heading">
                            <h3 class="panel-title">
                                <i class="fa fa-cc-paypal"></i>&nbsp;&nbsp;Price</h3>
                        </div>
                        <div class="panel-body">
                            <table>
                                <tbody>
                                    <tr>
                                        <%--<td>51 – 100 Employees</td>--%>
                                        <td>
                                            <asp:Label ID="LblUsercount4" runat="server" Text="0"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:DropDownList ID="DropDownList4" runat="server" AutoPostBack="True">
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div style="margin-top: 15px; margin-bottom: 15px; text-align: center">
                                <asp:ImageButton ID="ImageButton10" runat="server" src="images/btn_subscribeCC_LG.gif"
                                    OnClick="ImageButton10_Click" /></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-----End Row Section2------------>
            <!-----row section3----->
            <div class="row">
                <div class="col-lg-6">
                    <div class="panel panel-primary">
                        <div class="panel-heading price-panel-heading">
                            <h3 class="panel-title">
                                <i class="fa fa-cc-paypal"></i>&nbsp;&nbsp;Price</h3>
                        </div>
                        <div class="panel-body">
                            <table>
                                <tbody>
                                    <tr>
                                        <%--<td>101 – 200 Employees</td>--%>
                                        <td>
                                            <asp:Label ID="LblUsercount5" runat="server" Text="0"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:DropDownList ID="DropDownList5" runat="server" AutoPostBack="True">
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div style="margin-top: 15px; margin-bottom: 15px; text-align: center">
                                <asp:ImageButton ID="ImageButton11" runat="server" src="images/btn_subscribeCC_LG.gif"
                                    OnClick="ImageButton11_Click" /></div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="panel panel-primary">
                        <div class="panel-heading price-panel-heading">
                            <h3 class="panel-title">
                                <i class="fa fa-cc-paypal"></i>&nbsp;&nbsp;Price</h3>
                        </div>
                        <div class="panel-body">
                            <table>
                                <tbody>
                                    <tr>
                                        <%--<td>201 – 300 Employees</td>--%>
                                        <td>
                                            <asp:Label ID="LblUsercount6" runat="server" Text="0"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:DropDownList ID="DropDownList6" runat="server" AutoPostBack="True">
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div style="margin-top: 15px; margin-bottom: 15px; text-align: center">
                                <asp:ImageButton ID="ImageButton12" runat="server" src="images/btn_subscribeCC_LG.gif"
                                    OnClick="ImageButton12_Click" /></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-----End Row Section3------------>
        </div>
        <!------<div class="container-fluid" style="margin:25px; padding:15px;">
<div class="row" style="margin-top:-15px;">
<ul style="list-style-type:none; line-height:10px">
<li style="text-align: center;"><strong><span style="font-size: 14pt; color: #ff0000; font-weight:500">ONE month free trial (Cancel anytime)</span></strong></li>
<li style="text-align: center;"><strong><span style="font-size: 14pt; color: #ff0000; font-weight:500">You save 2 months on your Annual Subscription</span></strong></li>
</ul>
<table style="border-collapse: collapse; width: 100%;" border="0" class="table-striped">
<tbody>
<tr>
<td style="width: 50%; text-align: center;">
<form action="#" method="post" target="_top">
<table>
<tbody><tr>
<td>Subscription 1 – 10 Employees or Students</td>
</tr>
<tr>
<td><select name="os0"><option value="Per Month">Per Month : $15.00 USD – monthly</option><option value="Per Year">Per Year : $150.00 USD – yearly</option></select> </td>
</tr>
</tbody></table>
<div style="margin-top:15px; margin-bottom:15px;"><asp:ImageButton ID="ImageButton1" runat="server" src="images/btn_subscribeCC_LG.gif" /></div>
</form>
</td>
<td style="width: 50%; text-align: center;">
<form action="#" method="post" target="_top">
<table>
<tbody>
<tr>
<td>11 – 20 Employees</td>
</tr>
<tr>
<td><select name="os0"><option value="Per Month">Per Month : $25.00 USD – monthly</option><option value="Per Year">Per Year : $250.00 USD – yearly</option></select></td>
</tr>
</tbody>
</table>
<div style="margin-top:15px; margin-bottom:15px;"><asp:ImageButton ID="ImageButton2" runat="server" src="images/btn_subscribeCC_LG.gif" /></div>
</form>
</td>
</tr>
<tr>
<td style="width: 50%; text-align: center;">
<form action="#" method="post" target="_top">
<table>
<tbody>
<tr>
<td>21 – 50 Employees</td>
</tr>
<tr>
<td><select name="os0"><option value="Per Month">Per Month : $45.00 USD – monthly</option><option value="Per Year">Per Year : $450.00 USD – yearly</option></select></td>
</tr>
</tbody>
</table>
<div style="margin-top:15px; margin-bottom:15px;"><asp:ImageButton ID="ImageButton3" runat="server" src="images/btn_subscribeCC_LG.gif" /></div>
</form>
</td>
<td style="width: 50%; text-align: center;">
<form action="#" method="post" target="_top">
<table>
<tbody>
<tr>
<td>51 – 100 Employees</td>
</tr>
<tr>
<td><select name="os0"><option value="Per Month">Per Month : $80.00 USD – monthly</option><option value="Per Year">Per Year : $800.00 USD – yearly</option></select></td>
</tr>
</tbody>
</table>
<div style="margin-top:15px; margin-bottom:15px;"><asp:ImageButton ID="ImageButton4" runat="server" src="images/btn_subscribeCC_LG.gif" /></div>
</form>
</td>
</tr>
<tr>
<td style="width: 50%; text-align: center;">
<form action="#" method="post" target="_top">
<table>
<tbody>
<tr>
<td>101 – 200 Employees</td>
</tr>
<tr>
<td><select name="os0"><option value="Per Month">Per Month : $140.00 USD – monthly</option><option value="Per Year">Per Year : $1,400.00 USD – yearly</option></select></td>
</tr>
</tbody>
</table>
<div style="margin-top:15px; margin-bottom:15px;"><asp:ImageButton ID="ImageButton5" runat="server" src="images/btn_subscribeCC_LG.gif" /></div>
</form>
</td>
<td style="width: 50%; text-align: center;">
<form action="#" method="post" target="_top">
<table>
<tbody>
<tr>
<td>200+ Employees</td>
</tr>
<tr>
<td><select name="os0"><option value="Per Month">Per Month : $200.00 USD – monthly</option><option value="Per Year">Per Year : $2,000.00 USD – yearly</option></select></td>
</tr>
</tbody>
</table>
<div style="margin-top:15px; margin-bottom:15px;"><asp:ImageButton ID="ImageButton6" runat="server" src="images/btn_subscribeCC_LG.gif" /></div>
</form>
</td>
</tr>
</tbody>
</table>
</div>
</div>----->
        <!-----End Price Section----->
        <!-----End Header------->
        <!-----<div class="container-fluid bg-gradient" style="padding-top:25px; padding-left:50px; padding-right:50px;">
    <div class="row m-auto text-center" style="width:80%; margin-left:140px;">
    <div class="col-lg-3 princing-item red">
          <div class="pricing-divider ">
              <h3 class="text-light">0 to 50 User</h3>
            <h4 class="my-0 display-2 text-light font-weight-normal mb-3"><span class="h3"></span> Free </h4>
             <svg class='pricing-divider-img' enable-background='new 0 0 300 100' height='100px' id='Layer_1' preserveAspectRatio='none' version='1.1' viewBox='0 0 300 100' width='300px' x='0px' xml:space='preserve' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' y='0px'>
          <path class='deco-layer deco-layer--1' d='M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729
	c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--2' d='M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729
	c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--3' d='M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716
	H42.401L43.415,98.342z' fill='#FFFFFF' opacity='0.7'></path>
          <path class='deco-layer deco-layer--4' d='M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428
	c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z' fill='#FFFFFF'></path>
        </svg>
          </div>
          <div class="card-body bg-white mt-0 shadow">
            <ul class="list-unstyled mb-5 position-relative">
              <li> User free for <b>30</b> Days</li>
              <li>User free for <b>1</b> Month</li>
            
            </ul>
            <a href="#">Free</a>
          
          </div>
    </div>
        <div class="col-lg-3 princing-item blue">
          <div class="pricing-divider ">
              <h3 class="text-light">1 to 25 User</h3>
            <h4 class="my-0 display-2 text-light font-weight-normal mb-3"><span class="h3"><i class="fa fa-inr"></i></span>  3000</h4>
             <svg class='pricing-divider-img' enable-background='new 0 0 300 100' height='100px' id='Layer_1' preserveAspectRatio='none' version='1.1' viewBox='0 0 300 100' width='300px' x='0px' xml:space='preserve' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' y='0px'>
          <path class='deco-layer deco-layer--1' d='M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729
	c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--2' d='M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729
	c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--3' d='M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716
	H42.401L43.415,98.342z' fill='#FFFFFF' opacity='0.7'></path>
          <path class='deco-layer deco-layer--4' d='M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428
	c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z' fill='#FFFFFF'></path>
        </svg>
          </div>
          <div class="card-body bg-white mt-0 shadow">
            <ul class="list-unstyled mb-5 position-relative">
              <li>Tax <b>(18%)</b> Plus</li>
              <li>User Per Year</li>
            </ul>
            <a href="RssPayment.aspx?Tranid=7">Payment</a>
          </div>
    </div>
        <div class="col-lg-3 princing-item green">
          <div class="pricing-divider ">
              <h3 class="text-light">26 to 50 User</h3>
            <h4 class="my-0 display-2 text-light font-weight-normal mb-3"><span class="h3"><i class="fa fa-inr"></i></span> 5000 </h4>
             <svg class='pricing-divider-img' enable-background='new 0 0 300 100' height='100px' id='Layer_1' preserveAspectRatio='none' version='1.1' viewBox='0 0 300 100' width='300px' x='0px' xml:space='preserve' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' y='0px'>
          <path class='deco-layer deco-layer--1' d='M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729
	c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--2' d='M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729
	c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--3' d='M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716
	H42.401L43.415,98.342z' fill='#FFFFFF' opacity='0.7'></path>
          <path class='deco-layer deco-layer--4' d='M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428
	c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z' fill='#FFFFFF'></path>
        </svg>
          </div>
          <div class="card-body bg-white mt-0 shadow">
           <ul class="list-unstyled mb-5 position-relative">
              <li>Tax <b>(18%)</b> Plus</li>
              <li>User Per Year</li>
            </ul>
            <a href="RssPayment.aspx?Tranid=1">Payment</a>
          
          </div>
    </div>
        <div class="col-lg-3 princing-item red">
          <div class="pricing-divider ">
              <h3 class="text-light">51 to 100 User</h3>
            <h4 class="my-0 display-2 text-light font-weight-normal mb-3"><span class="h3"><i class="fa fa-inr"></i></span> 7500 </h4>
             <svg class='pricing-divider-img' enable-background='new 0 0 300 100' height='100px' id='Layer_1' preserveAspectRatio='none' version='1.1' viewBox='0 0 300 100' width='300px' x='0px' xml:space='preserve' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' y='0px'>
          <path class='deco-layer deco-layer--1' d='M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729
	c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--2' d='M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729
	c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--3' d='M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716
	H42.401L43.415,98.342z' fill='#FFFFFF' opacity='0.7'></path>
          <path class='deco-layer deco-layer--4' d='M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428
	c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z' fill='#FFFFFF'></path>
        </svg>
          </div>
          <div class="card-body bg-white mt-0 shadow">
           <ul class="list-unstyled mb-5 position-relative">
              <li>Tax <b>(18%)</b> Plus</li>
              <li>User Per Year</li>
            </ul>
            <a href="RssPayment.aspx?Tranid=2">Payment</a>
          
          </div>
    </div>
        <div class="col-lg-3 princing-item blue" style="margin-top:15px;">
          <div class="pricing-divider ">
              <h3 class="text-light">101 to 150 User</h3>
            <h4 class="my-0 display-2 text-light font-weight-normal mb-3"><span class="h3"><i class="fa fa-inr"></i></span> 10500</h4>
             <svg class='pricing-divider-img' enable-background='new 0 0 300 100' height='100px' id='Layer_1' preserveAspectRatio='none' version='1.1' viewBox='0 0 300 100' width='300px' x='0px' xml:space='preserve' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' y='0px'>
          <path class='deco-layer deco-layer--1' d='M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729
	c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--2' d='M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729
	c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--3' d='M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716
	H42.401L43.415,98.342z' fill='#FFFFFF' opacity='0.7'></path>
          <path class='deco-layer deco-layer--4' d='M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428
	c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z' fill='#FFFFFF'></path>
        </svg>
          </div>
          <div class="card-body bg-white mt-0 shadow">
            <ul class="list-unstyled mb-5 position-relative">
              <li>Tax <b>(18%)</b> Plus</li>
              <li>User Per Year</li>
            </ul>
            <a href="RssPayment.aspx?Tranid=3">Payment</a>
          
      
          </div>
    </div>
        <div class="col-lg-3 princing-item green" style="margin-top:22px;">
          <div class="pricing-divider ">
              <h3 class="text-light">151 to 250 User</h3>
            <h4 class="my-0 display-2 text-light font-weight-normal mb-3"><span class="h3"><i class="fa fa-inr"></i></span> 12500 </h4>
             <svg class='pricing-divider-img' enable-background='new 0 0 300 100' height='100px' id='Layer_1' preserveAspectRatio='none' version='1.1' viewBox='0 0 300 100' width='300px' x='0px' xml:space='preserve' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' y='0px'>
          <path class='deco-layer deco-layer--1' d='M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729
	c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--2' d='M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729
	c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--3' d='M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716
	H42.401L43.415,98.342z' fill='#FFFFFF' opacity='0.7'></path>
          <path class='deco-layer deco-layer--4' d='M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428
	c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z' fill='#FFFFFF'></path>
        </svg>
          </div>
          <div class="card-body bg-white mt-0 shadow">
            <ul class="list-unstyled mb-5 position-relative">
              <li>Tax <b>(18%)</b> Plus</li>
              <li>User Per Year</li>
            </ul>
            <a href="RssPayment.aspx?Tranid=4">Payment</a>
          
      
          </div>
    </div>
        <div class="col-lg-3 princing-item red" style="margin-top:15px;">
          <div class="pricing-divider ">
              <h3 class="text-light">251 to 500 User</h3>
            <h4 class="my-0 display-2 text-light font-weight-normal mb-3"><span class="h3"><i class="fa fa-inr"></i></span> 20000 </h4>
             <svg class='pricing-divider-img' enable-background='new 0 0 300 100' height='100px' id='Layer_1' preserveAspectRatio='none' version='1.1' viewBox='0 0 300 100' width='300px' x='0px' xml:space='preserve' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' y='0px'>
          <path class='deco-layer deco-layer--1' d='M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729
	c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--2' d='M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729
	c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--3' d='M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716
	H42.401L43.415,98.342z' fill='#FFFFFF' opacity='0.7'></path>
          <path class='deco-layer deco-layer--4' d='M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428
	c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z' fill='#FFFFFF'></path>
        </svg>
          </div>
          <div class="card-body bg-white mt-0 shadow">
            <ul class="list-unstyled mb-5 position-relative">
              <li>Tax <b>(18%)</b> Plus</li>
              <li>User Per Year</li>
            </ul>
            <a href="RssPayment.aspx?Tranid=5">Payment</a>
          
 
          </div>
    </div>
     <div class="col-lg-3 princing-item blue" style="margin-top:15px;">
          <div class="pricing-divider ">
              <h3 class="text-light">501 to 1000 User</h3>
            <h4 class="my-0 display-2 text-light font-weight-normal mb-3"><span class="h3"><i class="fa fa-inr"></i></span> 30000 </h4>
             <svg class='pricing-divider-img' enable-background='new 0 0 300 100' height='100px' id='Layer_1' preserveAspectRatio='none' version='1.1' viewBox='0 0 300 100' width='300px' x='0px' xml:space='preserve' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' y='0px'>
          <path class='deco-layer deco-layer--1' d='M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729
	c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--2' d='M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729
	c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z' fill='#FFFFFF' opacity='0.6'></path>
          <path class='deco-layer deco-layer--3' d='M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716
	H42.401L43.415,98.342z' fill='#FFFFFF' opacity='0.7'></path>
          <path class='deco-layer deco-layer--4' d='M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428
	c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z' fill='#FFFFFF'></path>
        </svg>
          </div>
          <div class="card-body bg-white mt-0 shadow">
            <ul class="list-unstyled mb-5 position-relative">
              <li>Tax <b>(18%)</b> Plus</li>
              <li>User Per Year</li>
            </ul>
            <a href="RssPayment.aspx?Tranid=6">Payment</a>
          
 
          </div>
    </div>
    </div>
    <div class="row about-price">
    <div class="col-lg-5">
    <h3> Looking for more?</h3>
    <p>Best Attendance Payroll Application</p>
  <!--  <p><i class="fa fa-phone"></i> +917835033107 &nbsp;&nbsp; <i class="fa fa-whatsapp"></i> +919971646401</p>
    <p>talk with Support</p>-->
    </div>
    <!----   <div class="col-lg-4">
    <ul>
    <li><i class="fa fa-hand-o-right"></i>&nbsp;&nbsp;No Need Static Ip</li>
    <li><i class="fa fa-hand-o-right"></i>&nbsp;&nbsp;Access your Attendance On Android Mobile</li>
    <li><i class="fa fa-hand-o-right"></i>&nbsp;&nbsp;Track your Employee Location</li>
    <li><i class="fa fa-hand-o-right"></i>&nbsp;&nbsp;Easy to use</li>
    </ul>
    </div>
    </div>
<!--    <div class="row" style="margin-left:0px; margin-right:0px;">
      <div class="panel panel-primary" style="border:0px;">
      <div class="panel-heading" style="background: #E15B11; font-size:18px; border:0px; padding: 5px 15px;">Realsoft Attendance Apps</div>
      <div class="panel-body" style="padding:20px 45px;">
      <div class="row">
      <div class="col-lg-3"><img src="images/Capture1.PNG" alt=""  class="img-responsive" width="100%"/></div>
      <div class="col-lg-3"><img src="images/Capture2.PNG" alt="" class="img-responsive" width="100%"/></div>
      <div class="col-lg-3"><img src="images/Capture3.PNG" alt="" class="img-responsive" width="100%"/></div>
      <div class="col-lg-3"><img src="images/Capture4.PNG" alt="" class="img-responsive" width="100%"/></div>
      </div>
      </div>
    </div>
    </div>-->
    <!----- </div>
    <!-----footer----->
    <!-- <div class="footer">
    <div class="container-fluid">
    <div class="row">
   <%-- <div class="col-lg-4">Copyright © 2016  | Realtime Biometrics India (P) Limited</div>
    <div class="col-lg-4">Support No :&nbsp;&nbsp;+917835033101,9971646401 </div>
    <div class="col-lg-4">E-Mail :&nbsp;&nbsp;sharad@rssolutionsindia.com</div>--%>
    </div>
    </div>
    </div>-->
    <!----End Footer----->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    </div>
    </form>
</body>
</html>
